<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>付款页面</title>
    <link href="../css/order/forth_step_commit.css" rel="stylesheet">
    <link href="../css/common.css" rel="stylesheet">
</head>
<body>
<div class="w1180">
    <div class="header">
        <img src="../images/logo.png" alt="../images/logo.png">
        <div class="content">
            <a href="">400-888-6608</a>
        </div>
        <div class="help_center">
            <a href="">帮助中心</a>
            <span>|</span>
        </div>
        <div class="help_center">
            <a href="">我的小橘</a>
            <span>|</span>
        </div>
        <div class="user">
            <span>李威</span>
            <a href="">[退出]</a>
            <span class="user-span">|</span>
        </div>
    </div>
    <div class="col-main">
        <div id="crumbs">
            <div class="crumbs-bd">
                当前位置:
                <a href="">我的小橘</a>
            </div>
        </div>
        <div id="content">
<!--                侧边栏-->
            <div class="col-sub">
                <dl class="sub-nav">
                    <dt>我的订单</dt>
                    <dd><a href="">订单管理</a></dd>
                    <dt>我的资产</dt>
                    <dd><a href="">账户余额</a></dd>
                    <dd><a href="">我的优惠券</a></dd>
                    <dd><a href="">我的收藏</a></dd>
                    <dt>个人中心</dt>
                    <dd><a href="">用户信息</a></dd>
                    <dd><a href="">申请注销账户</a></dd>
                </dl>
            </div>
            <div class="col-main">
                <div class="my-payment">
                    <div class="payment-order">
                        <div class="payment-tips">4分15秒，逾期订单将提交失败</div>
                        <div class="payment-info">
                            <div class="header">
                                <p>
                                    <b>请您支付订单总额</b><i>¥</i><em>706
                                </em>取车时请务必携带本人<span>有效身份证、驾照正副本、本人信用卡</span>
                                </p>
                            </div>
                        </div>
                        <div class="payment-info-bottom">
                            <p>
                                <b>订单号：<a href="">1200254903</a></b>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <b>支付方式：网上支付</b>
                            </p>
                        </div>

                    </div>
                    <div class="pay-online-wrap">
                        <div class="pay-online-title">选择付款方式</div>
                        <div class="pay-online-tabbox">

                            <div class="pay-online-tab">网银支付</div>
                            <div class="active">个人余额</div>
                            <div class="active" id="pay-online-tab">代金券</div>
                        </div>
                        <div class="pay-online-box">
                            <div class="pay-box1">
                                <ul class="bank-list">
                                    <li><label><input name="Payway" type="radio" value="Alipay"><img src="../images/alipay.png"></label></li>
                                </ul>
                                <div class="payment-btnbox">
                                    <a class="common-orgbtn" id="btnPay" title="下一步">下一步</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="step3-banner">
                        <div class="barcode">
                            <div class="barcode-info">
                                <img src="../images/erweima.png">
                                <div class="border-right-empty">
                                    <span></span>
                                </div>
                            </div>
                            <p>扫描二维码，下载APP<br>
                                第一时间查询你的订单
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>
    <!--底部页面-->
    <div class="footer">
        <div class="footer-box clear_float">
            <div class="footer-left">
                <p>
                    <a href="" >关于小橘</a>
                    |
                    <a href="" >移动客户端</a>
                    |
                    <a href="" >帮助中心</a>
                    |
                    <a href="" >建议专区</a>
                    |
                    <a href="" >联系我们</a>
                    |
                    <a href="" >友情链接</a>
                    | &nbsp;投诉通道：400-821-1608 &nbsp;
                </p>
                <p>
                    Copyright © 2007 - 2021 上海一嗨信息技术服务有限公司
                    <a href="" >ICP证：沪B2-20140130</a>
                </p>
            </div>
            <div class="footer-right">
                <a href="">
                    <img src="../images/footer_right_first.png">
                </a>
                <a href="">
                    <img src="../images/footer_right_second.png">
                </a>
                <a href="">
                    <img src="../images/footer_right_third.png">
                </a>
                <a href="">
                    <img src="../images/footer_right_forth.png">
                </a>
            </div>
        </div>
    </div>
</div>

</body>
</html>